<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="./css/mui.min.css">
		<link rel="stylesheet" href="./css/style.css">
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<button id="headerBacker" class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-title">服务地址</h1>
		</header>
		<div class="mui-content">

			<div>
				<p style="text-align: center;color: #ccc;text-indent: 0;">
					--- 已经到底喽 ---
				</p>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
			</div>
			<div id="modal" class="mui-modal">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
					<h1 class="mui-title">Modal</h1>
				</header>
				<div class="mui-content" style="height: 100%;">
					<p class="mui-content-padded">The contents of my modal go here. Lorem ipsum dolor sit amet, consectetur
						adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut.</p>
				</div>
			</div>
		</div>
		<div class="message bottom">
			<div class="action">
				<button type="button" class="mui-btn mui-btn-danger"><span class="mui-icon mui-icon-plus"></span> 新增地址</button>
			</div>
		</div>
		<script src="./js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: true
			});
		</script>
	</body>
</html>
